<template>
  <el-table :data="articles">
    <el-table-column prop="title"
                     label="文章标题"
                     width="140">
    </el-table-column>
    <el-table-column prop="body"
                     label="文章内容"
                     width="120">
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  name: 'App',
  components: {

  },
  data () {
    return {
      articles: []
    }
  },
  computed: {

  },
  created () {
    this.$http.get('articles').then(res => {
      this.articles = res.data
    })
  },
  mounted () {

  },
  methods: {

  },
};
</script>

<style scoped>
</style>
